﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Show Info</title>

    <link rel="shortcut icon" href="./images/favicon.jpg"/>
    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <!--自己的css文件-->
    <link rel="stylesheet" href="./css/index.css"/>
    <link rel="stylesheet" href="./css/animate.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="./js/html5shiv.min.js"></script>
    <script src="./js/respond.js"></script>
    <![endif]-->
</head>
<body>
<!--------------------顶部导航开始--------------------->
<nav class="navbar navbar-default myNav">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand basicInfo" href="index2.html" >首页</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav basicShow">
                <li class="basic current"><a href="#">个人简历 </a></li>
                <li ><a href="#">我的生活</a></li>
                <li><a href="./lyb.html">留言板</a></li>
                <li><a href="#">我爱美食</a></li>
                <li><a href="#">我爱旅行</a></li>
                <li class="dropdown" id="myCare">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的关注
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="subHtml/movies.html">电影</a></li>
                        <li><a href="http://www.hubwiz.com/">IT</a></li>
                        <li><a href="#">音乐</a></li>

                    </ul>
                </li>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="./login.html" class="login">登录</a></li>
                <li><a href="javascript:;" class="logout">退出</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
</nav>

<!--------------------顶部导航结束--------------------->

<!----------简历内容开始----------->
<div class="dowebok">
    <div class="row">
        <!-- 基本信息-->
        <div class="wow rollIn bg-blue">
            <div class="basicConfig basicDetail">
                <h3>基本信息</h3>
                <ul>
                    <li>姓名：尹青</li>
                    <li>性别：女</li>
                    <li>年龄：25</li>
                    <li>居住地：北京-昌平</li>
                    <li>学校：东北石油大学</li>
                    <li>专业：软件技术</li>
                </ul>
            </div>
        </div>
        <!-- 求职意向-->
        <div class="wow bounceInDown bg-green">
            <div class="basicConfig jobWant">
                <h3>求职意向</h3>
                <ul>
                    <li>工作性质：全职</li>
                    <li>目标地点：北京</li>
                    <li>期望薪资：月薪10000-15000</li>
                    <li>期望职业：Web前端开发工程师</li>
                </ul>
            </div>
        </div>
        <!-- 工作经验-->
        <div class="wow lightSpeedIn bg-purple">
            <div class="basicConfig jobExperience">
                <h3>工作经验</h3>
                <ul>北京优创博文软件开发<br/>有限公司
                    <li> 2014 /4--2016 /6：<br/>web前端开发工程师&nbsp;<a href="#jobOne_detail" id="jobDetailOne">详细</a>

                    </li>
                    <li>2013 /3--2014 /3：<br/> 软件实施工程师&nbsp;<a href="#jobTwo_detail" id="jobDetailTwo">详细</a>

                    </li>

                </ul>

            </div>
        </div>
    </div>

    <div class="row">
        <!-- 专业技能-->
        <div class="wow rollIn bg-yellow" data-wow-delay="0.5s">
            <div class="basicConfig jobSkills">
                <h3><a href="#jobSkills_Detail">专业技能</a></h3>
                <div>
                    <ul class="">
                        <li>1.熟练使用HTML、CSS等对页面进行布局，熟练使用JavaScript操作页面内容</li>
                        <li>2.熟练使用jQuery、Bootstrp等前端框架进行网站开发</li>
                        <li>3.熟练使用HTML5、CSS3常用标签及属性进行web前端页面的开发</li>
                        <li>4.熟练使用Ajax与后台进行交互</li>
                        <li>5.使用Angularjs、Seajs等的基本操作进行网站的开发</li>
                        <li>6.了解nodejs、php等后台语言的基本操作</li>
                        <li>7.有过Linux系统操作经验</li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- 个人作品-->
        <div class="wow pulse bg-red" data-wow-iteration="5" data-wow-duration="0.15s">
            <a href="#myProducts">个人作品</a>
        </div>
        <!-- 项目经验-->
        <div class="wow bounceInRight bg-blue">
            <a href="#project_details">项目经验</a>
        </div>
    </div>

    <div class="row">
        <!-- 联系方式-->
        <div class="wow bounceInLeft bg-green">
            <div class="basicConfig ">
                <h3>自我评价</h3>
                <div>
                    <ul class="">
                        <li>
                            工作勤奋，认真负责，
                            <br/>有亲和力，平易近人。
                            <br/>忠实诚信,讲原则，
                            不推卸责任。
                            有自制力，做事情始终
                            <br/>坚持有始有终，
                            爱学习。
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- 自我评价-->
        <div class="wow flipInX bg-purple">
            兴趣爱好
        </div>
        <!-- 兴趣爱好-->
        <div class="wow bounceInRight bg-yellow">
            <div class="basicConfig ">
            <h3>联系方式</h3>
            <div>
                <ul class="">
                    <li>手机：18911244561</li>
                    <li>QQ：916863320</li>
                    <li>邮箱：18911244561@163.com</li>

                </ul>
            </div>

        </div>

        </div>
    </div>
</div>
<!----------简历内容结束----------->

<!--工作详细内容介绍开始-->
<div class="jobDetail jobOne_detail" id="jobOne_detail">
    <h3>工作经验-Web前端开发工程师</h3>
    <h4>工作职责：</h4>
    <ul>
        <li>1.负责公司的web前端开发及移动端开发</li>
        <li>2. 与设计团队紧密配合，能够实现实现设计师的设计想法</li>
        <li>3.与后端工程师协作，高质高效完成产品的数据交互、动态信息展现</li>
        <li>4. 持续优化前端体验和响应速度，并保持良好兼容性，提升友好性和易用性</li>
        <li>5. 领导安排的其他工作</li>
    </ul>

</div>
<div class="jobDetail jobTwo_detail" id="jobTwo_detail">
    <h3>工作经验-软件实施工程师</h3>
    <h4>工作职责: </h4>
        <ul>
            <li>1.负责公司的web前端开发及移动端开发</li>
            <li>2. 与设计团队紧密配合，能够实现实现设计师的设计想法</li>
            <li>3.与后端工程师协作，高质高效完成产品的数据交互、动态信息展现</li>
            <li>4. 持续优化前端体验和响应速度，并保持良好兼容性，提升友好性和易用性</li>
            <li>5. 领导安排的其他工作</li>
        </ul>
</div>
<!--工作详细内容介绍结束-->

<!--项目经验详细内容介绍开始-->
<div class="jobDetail" id="project_details">
    <h3>项目经验</h3>
    <div class="project_detail_one">
        <h4>2015 /11 -- 2016 /5 ：LoveBaby </h4>
        <ul>
            <li>项目描述：该项目采用响应式的开发方式，提供婴幼儿用品的电商网站</li>
            <li>责任描述：
            </li>
            <li>1. 与和产品人员，设计人员一起参与产品的原型设计</li>
            <li>2.使用Bootstrap构建整个网站框架</li>
            <li>3.使用html5+css3响应式对整套效果图的静态页的代码开发，并进行跨浏览器兼容性处理</li>
            <li>4.与后台相关开发人员协作，获取后端数据后进行效果展示</li>
            <li>5.不断改善用户体验，以及各项性能的调优等</li>
        </ul>
    </div>
    <div class="project_detail_two">
        <h4>2014 /9 -- 2015 /10 ：企业文档管理系统</h4>
        <ul>
            <li>项目描述：该系统主要是为企业中各部门及工程相关文档提供存储及管理的功能，并且最终将该系统内的文档进行存档。</li>
            <li>责任描述：
            </li>
            <li>1.分析效果图不足之处，开发前及时UI进行沟通修改</li>
            <li>2.使用jQuery构建整个网站框架</li>
            <li>3.使用html、div、css等web技术将效果图转换为web界面</li>
            <li>4.配合公司后台程序人员，规范各个接口代码，实现与后台的交互功能</li>
            <li>5.产品上线后根据客户提出的需求进行系统的维护与修改</li>
        </ul>
    </div>
    <div class="project_detail_three">
        <h4>2014 /4 -- 2014 /8 ：材料管理系统</h4>
        <ul>
            <li>项目描述：该项目主要是为建筑工程使用的材料提供管理服务，包括使用的材料以及出库入库数量等信息的维护。</li>
            <li>责任描述：
            </li>
            <li>1.与产品经理及设计人员沟通，了解项目需求，制作符合要求的网页</li>
            <li>2.使用html+div布局方式对效果图进行代码编写</li>
            <li>3.与公司后台程序人员沟通，调用后台接口，编写简单的页面动态交互功能代码</li>
            <li>4.负责线上产品的修改与维护</li>
        </ul>
    </div>
    <div class="project_detail_four">
        <h4>2013 /3 -- 2014 /3 ：四川省电力公司非结构化数据管理平台</h4>
        <ul>
            <li>项目描述：该项目主要是为四川省电力公司部分系统存储及管理文档，实时查看各个系统的应用情况。</li>
            <li>责任描述：
            </li>
            <li>1.搭建8台项目所需的服务器，其中6台为Linux系统，2台Window系统并且数据库和应用服务器都采用了集群部署方式</li>
            <li>2.项目部署完成以后对现场用户进行关于如何操作系统的培训工作</li>
            <li>3.项目有更新时与现场客户沟通升级时间完成项目升级工作</li>
            <li>4.帮客户处理平时工作中遇到的与该项目相关的问题</li>
            <li>5.项目在试运行及上线阶段的验收过程中整理验收所需要的相关文档</li>
        </ul>
    </div>
</div>
<!--项目经验详细内容介绍结束-->


<!--专业技能详细展示开始-->
<div class="jobDetail jobTwo_detail" id="jobSkills_Detail">
    <h3>专业技能</h3>
    <ul>
        <li>1.熟练使用HTML、CSS等对页面进行布局，熟练使用JavaScript操作页面内容</li>
        <li>2.熟练使用jQuery、Bootstrp等前端框架进行网站开发</li>
        <li>3.熟练使用HTML5、CSS3常用标签及属性进行web前端页面的开发</li>
        <li>4.熟练使用Ajax与后台进行交互</li>
        <li>5.使用Angularjs、Seajs等的基本操作进行网站的开发</li>
        <li>6.了解nodejs、php等后台语言的基本操作</li>
        <li>7.有过Linux系统操作经验</li>
    </ul>
</div>
<!--专业技能详细展示结束-->

<!--个人作品展示开始-->
<div class="jobDetail jobTwo_detail" id="myProducts">
    <h3>个人作品</h3>
    <ul>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li1">
            <a href="./projects/mlsm/mlsm.html" class="mlsm">梅兰商贸</a>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li2"><a href="./projects/JD/index.html" class="jdsc">京东商城</a></li>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li3"><a href="./projects/大麦网/index.html" class="dmw">大麦网</a></li>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li3"><a href="./projects/test_立方体.html" class="dmw">立方体</a></li>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li3"><a href="./projects/test_钟表.html" class="dmw">钟表</a></li>
        <li class="col-lg-4 col-md-4 col-sm-6 col-xs-12 li3"><a href="./projects/xiecheng/xiecheng.html" class="dmw">携程</a></li>
    </ul>
</div>
<!--个人作品展示结束-->


<!--背景音乐部分开始-->
<audio controls="controls" controls autoplay id="bgAudio" loop="loop">
    <!--<source src="./music/总有幸福在等你.ogg" type="audio/ogg">-->
    <source src="./music/总有幸福在等你.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
</audio>
<!--背景音乐部分结束-->


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.12.2.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./js/bootstrap.min.js"></script>
<script src="./js/index.js"></script>
<script src="./js/wow.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>
</body>
</html>